@charset "utf-8";
/* CSS Document */

/*全局定义*/
	*{margin:0;padding:0;}
	body {margin:0;padding:0;width:100%;color:#666;font-size:16px; background-attachment: fixed;}
	ul,li { margin:0;padding:0; list-style:none;}
	img { border:0;}
    a { font-size:16px; color: #666; text-decoration: none;}
    a:hover { font-size:16px; color:#FD0001; text-decoration: blink;}
   .clr{ clear:both; margin:0; padding:0; background:none;}

	
/*头部定义*/
.head_k1{ width:100%; height:auto; margin:0 auto; position:absolute; z-index:999999999; position:fixed; top:0; left:0; }
.head{ width:100%; height:50px; background:#F7F7F7; margin:0 auto;}
.head_k{ width:96%; height:50px; margin:0 auto;}
.head_left{ line-height:50px; float:left; text-align:left;}
.head_right{ line-height:50px; float:right; text-align:right; background:url(../images/tel.png) left center no-repeat; padding-left:30px;}
.ban{ width:100%; height:920px; background:url(../images/b1.jpg) top center no-repeat;}
.dh{ width:100%; height:118px; background:url(../images/dh_bj.png) top center repeat-x; top:50px; position:absolute; z-index:9999;}
.dh_k{ width:100%; height:110px; margin:0 auto;}
.logo{ width:337px; height:55px; float:left; margin-top:22px; margin-left:2%;}
.dh_bs{ width:130px; height:115px; float:right; background:#0E3153; text-align:center; line-height:110px; color:#FFF;}
.dh_bs a{ width:130px; height:115px; float:right; background:#0E3153; text-align:center; line-height:110px; color:#FFF; display:block;}
.dh_bs a:hover{ width:130px; height:115px; float:right; background:#2370BE; text-align:center; line-height:110px; color:#FFF;}

.dh_lm{ width:45%; height:110px; float:right; margin-right:20px;}

/* 导航栏 */
.header_nav{height:118px; width: 100%; background: #eeeeee;}
.nav{width:100%; height: 118px; }
.nav .nLi{ float:left;  position:relative; display:inline; height:118px; line-height: 118px; width:12.5%; text-align: center; }
.nav .nLi h3{ height:100%; width:100%; text-align: center;  }
.nav .nLi h3 a{font-size:16px;  color:#666; display: block; width: 100%; height: 100%}
.nav li.active h3 a{color:#0E3053;}
.nav .nLi h3 a:hover{color:#0E3053;}
.nav .sub{ display:none;left:50%; top:115px;  position:absolute;  line-height:26px; width:220px;  z-index: 999; background: #ddd; margin-left: -105px; color:#FFF;}
.nav .sub li{ zoom:1; height:40px; line-height:40px;  background:#F5F5F5; text-align: center; border-bottom:1px solid #E1E1E1; color:#FFF;}
.nav .sub li p{ width:100%; float: left; margin: 0px; color:#FFF;}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #666; font-size: 15px; height: 100%; }
.nav .sub a:hover{color:#fff; background:#103152;}

/* 首页:banner */
.banner{ width:100%; height:910px; position: relative}
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:48%; bottom:130px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #15244A; cursor:pointer; border-radius: 50%;}
.banner .slideBox .hd ul li.on{background:#fff}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:40px; height:90px; filter:alpha(opacity=20);opacity:0.2;   }
		.slideBox .prev{ position:absolute; top:50%; margin-top:-25px; display:block; width:40px; height:90px; filter:alpha(opacity=20);opacity:0.2;   }
		.slideBox .next{ right:0.1%; background:url(../images/slider-arrow.png) no-repeat; }
		.slideBox .prev{ left:0.1%; background:url(../images/slider-arrow1.png) no-repeat; }
		.slideBox .prev:hover{ filter:alpha(opacity=70);opacity:0.5;  }
		.slideBox .next:hover{ filter:alpha(opacity=70);opacity:0.5;  }
		
		

.in_lm{ width:1380px; height:100px; margin:0 auto; background:#FFF; position:absolute; z-index:9999999; left:0; right:0; top:810px;}
.in_lm_k{ width:1280px; height:99px; margin:0 auto;}
.in_lm_left{ width:610px; height:99px; float:left; border-bottom:1px solid #F0F0F0;}
.in_lm_left_left{ width:120px; height:99px; float:left; text-align:left; line-height:99px; font-size:18px; color:#0E3153;}
.in_lm_left_right{ line-height:99px; float:right; text-align:right; font-size:14px;}

.in_about{ width:1280px; height:auto; margin:0 auto; overflow:hidden; clear:both;}
.in_about_left{ width:610px; height:auto; float:left;}
.in_about_msg{ width:610px; height:auto; margin:0 auto; line-height:28px; text-align:left; font-size:15px; margin-top:20px;}
.in_about_lm{ width:610px; height:130px; margin:0 auto; margin-top:50px; background:url(../images/lm_bj.png) top center no-repeat;;}
.in_about_lm li{ width:152px; height:130px; float:left;}
.in_about_lm li .tb{ width:60px; height:60px; margin:0 auto; padding-top:15px;}
.in_about_lm li .title{ width:152px; height:40px; margin:0 auto; text-align:center; line-height:40px;}
.in_about_lm li a{ width:152px; height:130px; display:block;}
.in_about_lm li a:hover{ width:152px; height:130px; display:block; background:#EBEBEB; color:#666;}

.in_lm_right{ width:610px; height:100px; float:right;}
.in_lm_right_left{ width:120px; height:99px; float:left; text-align:left; line-height:99px; font-size:18px; color:#0E3153;}
.in_lm_right_right{ line-height:99px; float:right; text-align:right; font-size:14px;}
.in_lm_right_right a{ font-size:14px;}
.in_lm_right_right a:hover{ font-size:14px; color:#CC0000;}

.in_sp{ width:610px; height:445px; background:#F9F9F9; margin:0 auto; float:right;}
.in_sp_pic{ width:504px; height:312px; margin:0 auto; margin-top:66px;}

.in_pro{ width:100%; height:1000px; background:url(../images/pro_bj.jpg) top center no-repeat; margin:0 auto; overflow:hidden; clear:both; background-attachment: fixed; background-size: cover;}
.in_pro_bt{ width:1280px; height:180px; margin:0 auto;}
.in_pro_bt_left{ width:620px; height:180px; background:#FD0001; float:left;}
.in_pro_bt_title{ width:520px; height:40px; margin:0 auto; margin-top:35px; background:url(../images/pro_b.jpg) top left no-repeat; padding-left:20px; line-height:40px; font-size:40px; color:#FFF;}
.in_pro_bt_msg{ width:540px; height:auto; margin:0 auto; line-height:25px; color:#fff; text-align:left; margin-top:15px; font-size:14px;}
.in_pro_bt_right{ width:660px; height:179px; float:right; border-bottom:1px dashed #FFF;}
.in_pro_bt_gd{ width:120px; height:40px; float:right; border:1px solid #8B97A7; text-align:center; line-height:40px; color:#8B97A7; margin-top:70px;}
.in_pro_bt_gd a{ width:120px; height:40px; float:right; text-align:center; line-height:40px; color:#8B97A7; display:block;}
.in_pro_bt_gd a:hover{ width:120px; height:40px; float:right; text-align:center; line-height:40px; color:#fff;  background:#FD0001;}

/*首页产品滚动*/
.in_al_c{ width:92%; height:310px; margin:0 auto; margin-top:130px; overflow:hidden; clear:both;}
    ul.al_list{ padding-top:0;}
	ul.al_list li{ width:290px; height:300px; float:left; margin-right:1px; margin-right:20px; background:#FFF;}
	ul.al_list li ul li { float:none; text-align:center; width:270px; margin:0;}
	.al_list_image {width:290px; height:220px; display:block; margin:0 auto;}
	.al_list_title { width:200px; height:70px; margin:0 auto; border-top:1px solid #EBEBEB;}
	.al_list_title a{ display:block; height:70px; line-height:70px; text-align:center;}
	.al_list_title a:hover{ color:#3366CC;}
	
    #demo { overflow:hidden; width:100%; }
    #indemo { float:left; width:800%;}
    #demo1 { float:left;}
    #demo2 {float:left;}
	
.in_ly{ width:1280px; height:85px; margin:0 auto; margin-top:60px; background:url(../images/ly_d.jpg) bottom center no-repeat; overflow:hidden; clear:both; text-align:center; line-height:75px; font-size:40px; color:#0E3153;}
.in_ly_js{ width:1280px; height:70px; margin:0 auto; text-align:center; line-height:70px;}

.Box{width:1280px; height: auto; margin: 0px auto; margin-top:30px;}
.Box .Box_con {position: relative; }
.Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width:290px;height:auto; margin-right:15px;overflow: hidden; border:1px solid #EEEEEE; padding:8px;margin-bottom:10px;}
.Box .Box_con .conbox ul li:nth-child(4n) {margin-right: 0;}
.index_case_p{width:100%; height:180px;  overflow: hidden; position: relative;}
.index_case_p img{width:100%; height: 100%; transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img{transform: scale(1.1);}
.Box .Box_con .conbox ul li p{width:100%; height: 50px; line-height: 50px; font-size: 16px; color: #333; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom:#F2F2F2;}
.Box .Box_con .btn {display: block;width:41px;height:41px;cursor: pointer;  text-align: center; position: absolute; top:50%;  margin-top: -20.5px;  }
.Box .Box_con .btnl {float: left; background: url(../images/p_left.png) no-repeat; left:600px; top:310px; position:absolute; z-index:9999999999;}
.Box .Box_con .btnr { float: right; background: url(../images/p_right.png) no-repeat; right:600px; top:310px; position:absolute; z-index:9999999999;}
.Box .Box_con .btnl:hover{background: url(../images/p_hleft.png) no-repeat;}
.Box .Box_con .btnr:hover{background: url(../images/p_hright.png) no-repeat}

.in_ys{ width:100%; height:902px; background:url(../images/ly_j.jpg) top center no-repeat; margin:0 auto; margin-top:130px;}
.in_ys_bt{ width:1280px; height:110px; margin:0 auto; padding-top:80px; background:url(../images/ys_d.jpg) bottom left no-repeat; text-align:left; line-height:40px; font-size:32px; color:#FFF;}
.in_ys_js{ width:1280px; height:auto; margin:0 auto; margin-top:20px; text-align:left; line-height:25px; font-size:14px; color:#FFF;}

.in_ys_k{ width:1280px; height:auto; margin:0 auto; margin-top:150px; overflow:hidden; clear:both;}
.in_ys_k li{ width:310px; height:auto; float:left; margin-right:10px;}
.in_ys_k li .tb{ width:310px; height:290px; background:#EFEFEF; margin:0 auto;}
.in_ys_k li .pic{ width:60px; height:60px; margin:0 auto; padding-top:50px;}
.in_ys_k li .title{ width:200px; height:60px; margin:0 auto; font-size:18px; line-height:60px; text-align:center; color:#333;}
.in_ys_k li .msg{ width:260px; height:auto; margin:0 auto; text-align:center; line-height:25px; font-size:15px;}
.in_ys_k li .t{ width:310px; height:180px; margin:0 auto; margin-top:1px;}

.in_news{ width:1280px; height:auto; margin:0 auto; margin-top:60px; overflow:hidden; clear:both;}
.in_news_left{ width:720px; height:auto; float:left;}
.in_news_title{ width:720px; height:60px; margin:0 auto; background:#143353;}
.in_news_title_left{ width:160px; height:60px; float:left; line-height:70px; text-align:center; background:url(../images/news_bt1.jpg) top center no-repeat; margin-left:10px;}
.in_news_title_right{ width:120px; height:60px; float:right; color:#FFF; line-height:60px; text-align:right; margin-right:25px;}
.in_news_title_right a{ color:#FFF; line-height:60px;}
.in_news_title_right a:hover{ color:#FFF; line-height:60px;}

.in_news_tj{ width:720px; height:185px; margin:0 auto; margin-top:20px;}
.in_news_left1{ width:270px; height:185px; float:left;}
.in_news_right{ width:420px; height:auto; float:right;}
.in_news_right_title{ width:420px; height:50px; margin:0 auto; border-bottom:1px dashed #CCC; text-align:left; line-height:50px; color:#143353;}
.in_news_right_title a{ line-height:50px; color:#143353;}
.in_news_right_title a:hover{ line-height:50px; color:#FF3300;}
.in_news_right_msg{ width:420px; height:auto; margin:0 auto; text-align:left; line-height:25px; color:#848484; margin-top:10px; font-size:14px;}
.in_news_right_gd{ width:420px; height:40px; margin:0 auto; margin-top:20px;}
.in_news_right_gd1{ width:120px; height:40px; background:#143353; text-align:center; line-height:40px; color:#FFF; float:left;}

.in_news_list{width:720px; margin:0 auto; margin-top:15px; overflow:hidden; clear:both;}
.in_news_list li{width:720px;  height:40px; *height:40px;  _height:40px; padding-left:0px; clear:both;  overflow:hidden;}
.in_news_list li a{ line-height:40px; *line-height:40px;  _line-height:40px; color:#5d5d5d; float:left; overflow:hidden; font-size:15px; background:url(../images/dian.jpg) center left no-repeat; padding-left:15px;}
.in_news_list li a:hover{ line-height:40px; *line-height:40px;  _line-height:40px; color:#FF6600; float:left; overflow:hidden; font-size:15px;}
.in_news_list li p{float:right; width:30%; text-align:right; line-height:40px; *line-height:40px; _line-height:40px; padding-right:6px; font-size:11px;}

.in_news_zl{ width:530px; height:490px; background:#F7F7F7; float:right;}
.in_news_zl_bt{ width:460px; height:60px; margin:0 auto; border-bottom:1px solid #EAEAEA;}
.in_news_zl_bt_left{ width:150px; height:60px; float:left; color:#143353; font-size:17px; line-height:60px;}
.in_news_zl_bt_right{ width:120px; height:60px; float:right; text-align:right; line-height:60px; font-size:14px;}

.in_news_list1{width:460px; margin:0 auto; overflow:hidden; clear:both; margin-top:10px;}
.in_news_list1 li{width:460px;  height:55px; *height:55px;  _height:55px; padding-left:0px; clear:both;  overflow:hidden; border-bottom:1px solid #F0F0F0;}
.in_news_list1 li a{ line-height:55px; *line-height:55px;  _line-height:55px; color:#5d5d5d; float:left; overflow:hidden; font-size:15px; background:url(../images/dian.jpg) center left no-repeat; padding-left:15px;}
.in_news_list1 li a:hover{ line-height:55px; *line-height:55px;  _line-height:55px; color:#FF6600; float:left; overflow:hidden; font-size:15px;}
.in_news_list1 li p{float:right; width:30%; text-align:right; line-height:55px; *line-height:55px; _line-height:55px; padding-right:6px; font-size:11px;}

.in_db{ width:100%; height:300px; background:url(../images/lm_bj.jpg) top center no-repeat; margin:0 auto; margin-top:50px; overflow:hidden; clear:both;}
.in_fw_k{ width:1280px; height:auto; margin:0 auto; margin-top:50px; overflow:hidden; clear:both;}
.in_fw_left{ width:320px; height:auto; float:left; background:url(../images/x.jpg) center right no-repeat;}
.in_fw_right{ width:320px; height:auto; float:right;}
.in_fw_pic{ width:70px; height:70px; margin:0 auto;}
.in_fw_bt{ width:129px; height:60px; margin:0 auto; text-align:center; line-height:60px; font-size:18px; color:#003399;}
.in_fw_msg{ width:240px; height:auto; margin:0 auto; text-align:center; line-height:22px; font-size:14px;}
.in_fw_gd{ width:129px; height:40px; margin:0 auto; text-align:center; line-height:40px;}

.in_foot{ width:100%; height:520px; background:#0F3154; margin:0 auto;}
.in_lj{ width:1280px; height:95px; background:url(../images/x.png) bottom center repeat-x; margin:0 auto;}
.in_lj_k{ width:1280px; height:95px; margin:0 auto; text-align:left; line-height:95px; color:#A4B1BE;}
.in_lj_k a{ color:#A4B1BE;}
.in_lj_k a:hover{ color:#FF0000;}


.in_foot_k{ width:1280px; height:250px; margin:0 auto; margin-top:50px; background:url(../images/shu.png) top left no-repeat; }
.in_foot_left{ width:180px; height:250px; float:left; text-align:center; line-height:35px; color:#A4B1BE; background:url(../images/shu.png) top right no-repeat; font-size:15px;}
.in_foot_left a{font-size:15px; color:#A4B1BE; }
.in_foot_left a:hover{font-size:15px; color:#fff; }
.in_foot_left p{ width:180px; height:50px; text-align:center; line-height:50px; color:#fff; font-size:18px;}

.in_foot_shu{ width:20px; height:250px; float:left; margin-top:15px;}
.in_foot_ma{ width:420px; height:auto; float:right; margin-top:15px;}
.in_foot_ma1{ width:200px; height:200px; background:#FFF; float:left;}
.in_foot_ma1_pic{ width:130px; height:130px; margin:0 auto; margin-top:25px;}
.in_foot_ma1_title{ width:130px; height:40px; margin:0 auto; text-align:center; font-size:14px; line-height:40px;}
.in_foot_ma2{ width:200px; height:200px; background:#FFF; float:right;}


.in_foot_d{ width:1280px; height:80px; margin:0 auto;  background:url(../images/x.png) top center repeat-x; margin:0 auto; margin-top:40px;}
.in_foot_d_left{ width:550px; height:80px; float:left; text-align:left; line-height:80px; color:#A4B1BE; font-size:15px;}
.in_foot_d_right{ width:400px; height:22px; float:right; padding-top:30px;}

a.vl
{ width:192px; height:22px; float:left; display:block; background:url(../images/js.png) no-repeat left -3px;}
a.vl:hover
{background:url(../images/js1.png) no-repeat left -3px;}

a.hyqf
{ width:192px; height:22px; float:right; display:block; background:url(../images/js.png) no-repeat right -3px;}
a.hyqf:hover
{ background:url(../images/js1.png) no-repeat right -3px;}


.lxfx{height:auto;position:fixed;right:0;top:200px;width:77px;z-index:999}
.lxfx li a{color:#fff;display:block;height:47px;margin-top:5px;width:300px;font-size:14px}
.leftlx{float:left;height:47px;width:77px}
.lxfx li span{border-left:1px solid #fff;color:#fff;float:left;font-size:20px;height:24px;line-height:22px;margin-top:8px;padding-left:8px}
.fix_ewm{border:5px solid #fff;display:none;height:120px;left:-145px;position:absolute;top:-40px;width:120px}
.lxfx li i{display:block;height:32px;margin:0 auto;text-align:center;width:30px;background:url(../images/fx.png) no-repeat;background-position:0 6px}
.lxfx li i.icon-tel{background-position:0 -20px}
.lxfx li i.icon-ly{background-position:4px -53px}
.lxfx li i.icon-wx{background-position:-34px 4px}
.lxfx li i.icon-wb{background-position:-30px -22px}
.lxfx li i.icon-top{background-position:-30px -50px}
.lxfx li p{line-height:12px;text-align:center}
.lxfx li{background:#2370BE;height:56px;margin-bottom:1px;margin-left:0;overflow:hidden;position:relative;width:77px;float:left}

.ny_lbk{ width:1280px; height:auto; margin:0 auto; margin-top:30px; overflow:hidden; clear:both;}
.ny_lbk li{ width:300px; height:50px; line-height:50px; float:left; margin-right:15px; border-bottom:1px solid #CCC; background:#EFEFEF; margin-bottom:10px; text-align:center; font-size:15px;}
.ny_lbk li a{ width:300px; height:50px; line-height:50px; float:left; margin-right:15px; border-bottom:1px solid #CCC; background:#EFEFEF; text-align:center; font-size:15px; display:block; }
.ny_lbk li a:hover{ width:300px; height:50px; line-height:50px; float:left; margin-right:15px; border-bottom:1px solid #CCC; background:#103152; text-align:center; font-size:15px; color:#FFF;}
.ny_lbk li a.active{ width:300px; height:50px; line-height:50px; float:left; margin-right:15px; border-bottom:1px solid #CCC; background:#103152; text-align:center; font-size:15px; color:#FFF;}

/*首页产品*/
.pro-list5{width:1300px;margin:0 auto; margin-top:50px;}
.pro-list5 li{position:relative;float:left;width:300px;margin:0 12px 30px;}
.pro-list5 li a{display:block;}
.overflow_div{overflow: hidden;}
.pro-list5 li img{display:block;width:300px;overflow:hidden;transition: all .5s;}
.pro-list5 li h4{height:80px;line-height:80px;text-align:center; background:#FFF;}
.pro-list5 .good_h{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:50px 30px 0;color:#fff;}
.pro-list5 li h3{margin-bottom:20px;font-size:24px; width:100%; height:35px; line-height:35px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
/*.pro-list2 li:hover .good_h{display: block;background: rgba(45,102,217,0.6);  }*/
.pro-list5 li:hover a img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}



/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:274px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#0F3154;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}